<template>
          <transition name="el-fade-in-linear">
<div>
      <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
        <van-list
          :loading="isajax"
          :finished="finished"
          offset="50"
          @load="onload()"
        >
          <div v-if="data.length>0">
            <div class="p-tb10 border-b " v-for="(x,index) in data" :key="index" >
                <!--<van-cell class="transparent" @click="openInfo(x.id)" :title="x.title" is-link :value="x.descript" />-->
                <van-cell class="transparent" @click="openInfo(x.id)" :title="x.title" is-link  />
            </div>
            <div class="text-center p-tb10" v-if="pageinfo.total>0&&pageinfo.total==data.length">{{this.PRO_CONSTANT.IS_LOADING_BOTTOM}}</div>
          </div>
          <div class="text-center p-tb10" v-else-if="data.length==0&&pageinfo.total==0">{{this.PRO_CONSTANT.IS_LOADING_EMPTY}}</div>
        </van-list>
      </van-pull-refresh>
</div>
    </transition>
</template>
<script>
  export default {
    data() {
      return {
        data:[],
        isajax:false,
        pageinfo: this.$store.getters.getPageInfo(this.$route.path,null),
        isLoading:false,
        finished:false,
      }
    },
    methods:{
      init() {
      },
      onload(){
      },
      onRefresh(){
      },
    },
    mounted: function() {
        this.init();
    },
  }
</script>
